<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>任城党建后台管理系统 - 镇管理</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">

</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>镇列表</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="">
                            <a href="javascript:void(0);" class="btn btn-primary" data-toggle="modal" data-target="#addRow" id="addRowBtn">添加</a>
                        </div>
                        <table class="table table-striped table-bordered table-hover" id="towntable">
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal inmodal" id="addRow" tabindex="-1" role="dialog" data-backdrop="static" aria-hidden="true">
    	<div class="modal-dialog">
        	<div class="modal-content animated fadeIn">
            	<div class="modal-header">
                	<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    <h1 class="modal-title">添加镇信息</h1>
                </div>
                <div class="modal-body">
			   		<form class="form-horizontal m-t" id="addRowForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">镇名称：</label>
                            <div class="col-sm-8">
                                <input id="townname" name="townname" class="form-control"placeholder="请输入镇名称" type="text" aria-required="true" aria-invalid="false" class="valid">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">镇key：</label>
                            <div class="col-sm-8">
                                <input id="townkeyvalue" name="townkeyvalue" class="form-control" placeholder="请输入镇key" type="text" aria-required="true" aria-invalid="true" class="error">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">排序：</label>
                            <div class="col-sm-8">
                                <input id="townsort" name="townsort"  class="form-control" placeholder="请输入排序号，当前最大为（无）" type="text">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" id="submitAdd">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <!-- jQuery Validation plugin javascript-->
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/validate/messages_zh.min.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js"></script>
    <script src="js/town.js"></script>
    <!-- Page-Level Scripts -->
    <script>
    </script>
</body>
</html>
